<template>
  <div>
    <h2>停车位管理</h2>
    <Table :tableData="tableData" :options="_options" @row-edit="rowEdit" @row-del="rowDel"></Table>
  </div>
</template>

<script setup lang="ts">
import Table from "../../components/table/index.vue"
import {  reactive} from "vue";
const _options = reactive({
    // 定义当前 table 表格的表头数据
    column: [
        {
            prop: 'num',
            label: '#',
            width: 120
        },
        {
            prop: 'id',
            label: '停车位编号',
            width: 120
        },
        {
            prop: 'includingParking',
            label: '所属停车场',
            // width:120
        },
        {
            prop: 'includingRoad',
            label: '所属道路',
            width: 120
        },
        {
            prop: 'area',
            label: '所属区域',
            // width: 120
        },
        {
            prop: 'status',
            label: '停车位状态',
            width: 120
        },
        {
            prop: 'open',
            label: '停车位属性',
            width: 120
        },
        {
            prop: 'operate',
            label: '操作',
            // width: 200
        }
        
        
        

    ],
    // 定义当前 table 表格的 选择栏的状态
    // 是否存在 选择栏
    Checkbox: true,
    // 操作栏的宽度
    CheckboxWidth: 50,
    // 操作栏是否固定
    CheckboxFixed: true,


    // 定义当前 table 表格的操作栏的状态
    // 是否存在 操作栏
    Operation: false,
    // 操作栏的标题
    OperateTitle: "操作选项",
    // 操作栏的宽度
    OperateWidth: 150,
    // 操作栏是否固定
    OperateFixed: true

})
</script>

<style scoped>

</style>